<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<base>
<head>
    <title>超市进销存管理系统</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="SignUpStyle.css">
    <link href="https://fonts.googleapis.com/css?familymPermanent+Marker" >

</head>
<body>

<div class="sign-div">
    <a class="hiddenanchor" id="signup"></a>
    <a class="hiddenanchor" id="signin"></a>
    <style>
        body{
            margin: 0;
            padding: 0;
            background: url("../../statics/images/bg.jpg") ;
            background-attachment: fixed;
            background-size: 100% 100%;
        }
        .sign-div{
            background :rgba(255,255,255,0.5);
            width: 300px;
            padding: 20px;
            text-align: center;
            opacity: unset;
            position:absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            overflow: hidden;
        }
        .sign-div h1{
            margin-top: 100px;
            color: block;
            font-size: 40px;
        }
        .sign-div input{
            display: block;
            width: 100%;
            padding: 0 16px;
            height: 44px;
            text-align: center;
            box-sizing: border-box;
            outline: none;
            border: none;
            font-family: "montserrat",sans-serif;
        }
        .sign-text{
            margin:4px;
            background: rgba(255,255,255,5);
            border-radius: 6px;
        }
        .sign-btn{
            margin-top: 50px;
            margin-bottom: 20px;
            background: #487eb0;
            color: #fff;
            border-radius: 44px;
            cursor: pointer;
            transition: 0.8s;
        }
        .sign-btn:hover{
            transform:scale(0.96);
        }
        .sign-div a{
            text-decoration: none;
            color: #fff;
            font-family: "montserrat", sans-serif;
            font-size: 14px;
            padding: 10px;
            transition: 0.8s;
            display: block;
        }
        .sign-div a:hover{
            background: rgba(0,0,0,.3);
        }
    </style>

    <form  action="dologin" method="post">
        <h2>进销存管理系统</h2>
        <input class="sign-text" name="staffid" type="text" placeholder="账号" >
        <input class="sign-text" name="pwd" type="password" placeholder="密码">
        <span>${error }</span>
        <input class="sign-btn" type="submit" value="登录">
    </form>
</div>
</body>
</html>
